<template>
  <div class="salary-monitor-wrap">
    <h1>薪资组算薪情况统计</h1>
    <section class="salary-monitor">
      <v-date @table='(val)=> table=val'></v-date>
      <v-table :table='table'></v-table>
    </section>
  </div>
</template>

<script>

import VDate from '@/components/router-component/monitor/salaryMonitor/date'
import VTable from '@/components/router-component/monitor/salaryMonitor/table'
export default {
	data () {
		return {
			table: []
		}
	},
	components: {
		VDate,
		VTable
	}
}
</script>

<style scoped lang='less'>
.salary-monitor-wrap {
  min-height: 100%;
  & > h1 {
    text-align: center;
    background: #fff;
    padding: 14px 0;
    font-size: 20px;
    border-bottom: 1px solid rgb(224, 224, 224);
  }
  .salary-monitor {
    padding: 10px 30px;
    background-color: #fff;
    min-height: 78vh;
  }
}
</style>